@import '../public/less/variables.less';
#app{
    .lunbo{
        .swiper-container {
            width: 100%;
            height: 500*@base_size;
            .swiper-slide{
                width: 100%;
                height: 100%;
                >div{
                    height: 100%;
                    background-position: center;
                }
            }
        }
    }
    //全球新闻滚动条
    .title{
        height: 100*@base_size;
        margin: 40*@base_size auto 30*@base_size auto;
        font-size: 15*@base_size;
        position: relative;
        background-color: @color_default !important;
        overflow: hidden;
        padding-top: 15px;
         table{
            height: 100%;           
            min-width: 3000px;     
            td{
                padding: 1px 10px;
                text-align: center;
                 background-color: @color_default !important;
                pre{
                    font-size: 20*@base_size;
                    line-height: 100*@base_size;
                    min-width: 1200*@base_size;
                }        
            }
            tr:nth-of-type(1){
                td{
                    color: black;
                }
            }
            tr:nth-of-type(2){
                td{
                    color: @base_color;
                }
            }
            tr:nth-of-type(3){
                td.danger{
                    color: red !important; 
                }
            }
        }
    }
   
    //图片集
    .imgs{
        margin-bottom: 40*@base_size;
        overflow: hidden;
        .one_img{
            width: 11.1%;
            padding: 5*@base_size 5*@base_size;
            float: left;
            >div{
                width: 100%;
                height: 150*@base_size;
                background-color: #2a2c2b;
                >div:nth-of-type(1){
                    height: 100*@base_size;
                    img{
//                      max-height: 90%;
                        width: 70%;
                    }
                }
                >div:nth-of-type(2){
                    height: 50*@base_size;
                    font-size: 16*@base_size;
                    background-color: @base_color;
                    color: white;
                    
                }
            }
        }
        .one_img:nth-of-type(1){
            padding-left: 0;
        }
        .one_img:nth-of-type(9){
            padding-right: 0;
        }
    }
    //新闻资讯
    .news{
        background-color: @color_default;
        .types{
            height: 120*@base_size;
            padding-right: 31*@base_size;
            .type{
                font-size: 18px;
                padding: 13*@base_size 16*@base_size;
                color: white;
                background-color: #999999;
                margin-left: 22*@base_size;
            }
            .type.active{
                background-color: @base_color;
            }
        }
        //内容区域
        .contents{
            padding: 0 30*@base_size;
            .one_new{
                width: 100%;
                height: 435*@base_size;
                >div:nth-of-type(1){
                    width: 560*@base_size;
                    height: 100%;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                //右侧信息
                >div:nth-of-type(2){
                    width: 560*@base_size;
                    height: 100%;
                    padding: 15*@base_size;
                    background-color: white;
                    .one_title{
                        width: 100%;
                        height: 120*@base_size;
                        margin-bottom: 13*@base_size;
                        >div{
                            float: left;
                            height: 100%;
                        }
                        >div:nth-of-type(1){
                            width: 23%;
                            background-color: @base_color;
                            color: white;
                            span:nth-of-type(1){
                                font-size: 40*@base_size;
                            }
                            span:nth-of-type(2){
                                font-size: 18*@base_size;
                            }
                        }
                        >div:nth-of-type(2){
                            width: 77%;
                            background-color: @color_default;
                            letter-spacing: 2px;
                            padding:10px 16*@base_size ;
                            overflow: hidden;
                            
                            >span:nth-of-type(1){
                                display: block;
                                color: @base_color;
                                font-size: 16*@base_size;
                                margin-bottom: 5px;
                            }
                            
                        }
                        &:hover{
                           position: relative;
                           top: -1px;
                           box-shadow: 0px 2px 3px 0px rgba(7, 17, 27, 0.2);
                       }
                    }
                    //列表
                    .one_list{                    
                       animation: all 0.5s;   
                       font-size: 16*@base_size;
                       height: 40*@base_size;
                       >div{
                           height: 100%;
                       }
                       >div:nth-of-type(1){
                           width: 23%;
                       }
                       >div:nth-of-type(2){
                           span{
                               overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                           }
                           
                           padding-left: 16*@base_size;
                           padding-right: 10*@base_size;
                           width: 77%;
                       }
                       &:hover{
                           position: relative;
                           top: -1px;
                           box-shadow: 1px 2px 3px 2px rgba(7, 17, 27, 0.2);
                       }
                    }
                }
            }
            //更多
            .more{
                padding: 40*@base_size 0;
                >li{
                    margin: 0 auto;
                    padding: 12*@base_size 60*@base_size;
                    background-color: @base_color;
                    color: white;
                    text-align: center;
                    max-width: 190*@base_size;
                    &:hover{
                        opacity: 0.9;
                        box-shadow: 1px 2px 3px 0 rgba(7, 17, 27, 0.2);
                    }
                }
            }
        }
    }
}



//动画
@keyframes move {
    from {
        left: 0;
        right: -100%;
    }
    to {
        left: -100%;
        right: 100%;
    }
}

.our_company,.copy{
 display: flex !important;
}